﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ThanhToanHot.aspx.cs" Inherits="Sbook.ThanhToanHot" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/Control/Menu/MenuRight.ascx"  TagName="MenuRight" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/MenuTop.ascx"  TagName="MenuTop" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/Header.ascx"  TagName="Header" TagPrefix="UC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Thanh toán</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="Scripts/ChangePass.js" type="text/javascript"></script>
<%--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>--%>
<%--<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>--%>
<scri<%--pt type="text/javascript" src="js/jquery.simplyscroll.js"></script>
    <script src="Scripts/ChangePass.js" type="text/javascript"></script>--%>
<!-- script menutop -->
<script type="text/javascript">
    $(document).ready(function () {
        $(".menu_top li").hover(function () {
            $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(500)
        }, function () {
            $(this).find('ul:first').css({ visibility: "hidden" })
        });
    });
</script>

<link type="text/css" rel="stylesheet" href="css/jquery.simplyscroll_splienquan.css" />
<link type="text/css" rel="stylesheet" href="css/style_chitietsp.css" />
<script src="Scripts/f.js" type="text/javascript"></script>
</head>
<body>
   <form runat="server" id="form1">
    <div class="web">
      <UC:Header runat="server" ID="Header1" />

    <div class="chitietsp">
    <div class="chitietsp_top">
    	<a href="#">Thanh toán</a>
    </div>
    <div class="sanpham">
       <style>
            
            .box1{ background-color:Silver; float:left; width:100%; height:auto; margin-bottom:5px;}
            .box1 .box11{ background-color:#c8f0ee; float:left; width:100%; height:auto; padding-bottom:10px;   }
            .box1 .box11 a{ float:right; margin-right:50px; text-decoration:none;}
            .box1 .box11 a:hover{ color:Blue; text-decoration:underline;}
            .box1 .box12{ background-color:White; float:left; width:100%; height:auto; display:none; border:solid 1px blue; padding-bottom:10px; }
            .box1 .box12 label{ margin-left:50px;}
            .box1 .box12 .txtinput{ width:200px;}
            .box2 { margin-bottom:5px; float:left; width:100%; height:auto;}
            .box2 .box21{background-color:#c8f0ee; float:left; width:100%; height:auto;  padding-bottom:10px; }
            .box2 .box21 a{ float:right; margin-right:50px; text-decoration:none;}
            .box2 .box21 a:hover{ color:Blue; text-decoration:underline;}
            .box2 .box22{ background-color:White; float:left; width:100%; height:auto;display:none;border:solid 1px blue;  padding-bottom:10px;}
            .box2 .box22 ul{ float:left; list-style:none; width:100%}
            .box2 .box22 ul li{ float:left; width:100%; margin:5px 0px 0px 0px}
            .box2 .box22 ul li label{ float:left; width:125px; padding:0px 10px 0px 5px}
            .box2 .box22 ul li input{ margin:0px; width:200px;}
            .box3{ margin-bottom:5px; float:left; width:100%; height:auto;}
            .box3 .box31{background-color:#c8f0ee; float:left; width:100%; height:auto;  padding-bottom:10px; }
            .box3 .box31 a{ float:right; margin-right:50px; text-decoration:none;}
            .box3 .box31 a:hover{ color:Blue; text-decoration:underline;}
            .box3 .box32{background-color:White; float:left; width:100%; height:auto;display:none;border:solid 1px blue;  padding-bottom:10px;}
            .box3 .box32 ul{ list-style:none; float:left; width:100%; padding:2px 0px; margin:0px 0px;}
            .box3 .box32 ul li{ float:left; width:49%; height:auto}
            .box4{ margin-bottom:5px; float:left; width:100%; height:auto;}
            .box4 .box41{background-color:#c8f0ee; float:left; width:100%; height:auto;   padding-bottom:10px; }
            .box4 .box42{background-color:White; float:left; width:100%; height:auto;display:none;border:solid 1px blue;   padding-bottom:10px;}
            
    </style>
    <div style=" width:640px; margin:10px 1px; ">
            <div id="box1" class="box1">
                <div id="box11" class="box11">
                    <h1> 1.Đăng nhập</h1>
                    <strong>Thông tin đăng nhập :<%=Name %></strong>
                    <p><%=Email %></p>
                    <a href="#" id="a11">Thay đổi</a>
                </div>
                <div id="box12" class="box12">
                     <h1> 1.Đăng nhập</h1>
                    <strong>Thông tin đăng nhập :<%=Name %></strong>
                    <br />
                    <label>Email :</label>
                    <input type="text" class="txtinput"  id="txt_box12_Email"/><br /><br />
                    <%--<label>Phone :</label>
                    <input type="text" class="txtinput" id="txt_box12_Phone" /><br /><br />--%>
                    <input id="btn12" style="margin-left:100px;" type="button" value="Tiếp tục" />
                </div>
                
            </div>
            <div id="abox2" class="box2">
               
                <div id="abox21" class="box21">
                      <h1> 2.Địa chỉ giao hàng</h1>
                    <strong>Địa chỉ giao hàng :<%=Name %></strong>
                    <p><%=AddressTo %></p>
                    <a href="#" id="a21">Thay đổi</a>
                </div>
                <div id="abox22" class="box22">
                    <strong id="mess" style="display:none; color:Red">dsfa</strong>
                    <h1> 2.Địa chỉ giao hàng</h1>
                    <ul>
                        <li>
                            <label>Họ tên :</label>
                            <input type="text" id="txtName22" value='<%=FullNameTo %>' />
                        </li>

                       <li>
                            <label>Email :</label>
                            <input type="text" id="txtMailTo22" value='<%=MailTo %>' />
                        </li>
                        <li>
                            <label>Địa chỉ giao hàng :</label>
                            <input type="text" id="txtAddressTo22" value='<%=AddressTo %>' />
                        </li>
                        <li>
                            <label>Điện thoại :</label>
                            <input type="text" id="txtPhoneTo22" value='<%=PhoneTo %>'/>
                        </li>
                    </ul>
                    <input type="button" style="margin-left:150px;" id="btn22" value="Tiếp tục" />
                </div>
                <div id="abox23" class="box22" style="display:none">
                   <asp:Label runat="server" ID="lblMess" ForeColor="Red"></asp:Label>
                    <h1> 2.Địa chỉ giao hàng</h1>
                    <ul>
                        <li>
                            <label>Họ tên :</label>
                            <asp:TextBox runat="server" ID="txtNameTo"></asp:TextBox>
                        </li>

                       <li>
                            <label>Email :</label>
                            <asp:TextBox runat="server" ID="txtMailTo"></asp:TextBox>
                        </li>
                        <li>
                            <label>Địa chỉ giao hàng :</label>
                            <asp:TextBox runat="server" ID="txtAddressTo"></asp:TextBox>
                        </li>
                        <li>
                            <label>Điện thoại :</label>
                            <asp:TextBox runat="server" ID="txtPhoneTo"></asp:TextBox>
                        </li>
                    </ul>
                    
                </div>

            </div>
             <div id="abox3" class="box3">
                
                <div id="abox31" class="box31">
                    <h1> 3.Thanh toán và vận chuyển</h1>
                    <strong>Hình thức giao hàng :</strong><label>Giao hàng tận nơi (2-3 ngày),giao hàng miễn phí</label>
                   <strong> Hình thức thanh toán: </strong><label>Tiền mặt miễn phí</label>
                   <br />
                    <a href="#" id="a31">Thay đổi</a>
                </div>
                <div id="abox32" class="box32">
                     <h1> 3.Thanh toán và vận chuyển</h1>
                     <ul>
                        <li>
                            <h4 style="margin:0px 0px;">Chọn hình thức giao hàng</h4>
                            <input type="radio" id="rad1" checked="checked" />
                            <label>Giao hàng tận nơi (2-3 ngày)-miễn phí</label>
                        </li>
                        <li style="width:43%">
                            <h4 style="margin:0px 0px;">Chọn hình thức thanh toán</h4>
                            <input type="radio" id="fsadfa" checked="checked" />
                            <img src="img/icon_nhantien.jpg" />
                            <label>Thanh toán tiền mặt (miễn phí)</label>
                             <input type="radio" id="dsfsd"  disabled="disabled"/>
                             <img src="img/icon_atm.jpg" />
                            <label>Thẻ ATM ngân hàng nội địa</label>
                             <input type="radio" id="dsfs" disabled="disabled"  />
                             <img src="img/icon_visa.jpg" />
                             <label>Thẻ Visa/Master Card</label>

                        </li>
                     </ul>
                    <input type="button" id="btn32" style="margin-left:260px;" value="Tiếp tục" />
                </div>
            </div>
             <div id="box4" class="box4">
               
                <div id="box41" class="box41">
                     <h1>4. Kiểm tra và đặt hàng</h1>
                    
                </div>
                <div id="box42" class="box42">
                     <h1>4. Kiểm tra và đặt hàng</h1>
                      <div>
                        <asp:DataGrid runat="server" ID="grdShoppingCart" Width="99%" AutoGenerateColumns="false" >
                            <Columns>
                                <asp:BoundColumn DataField="PName" HeaderText="Tên sản phẩm" Visible="true"></asp:BoundColumn>
                                <%-- <asp:BoundColumn DataField="PImg" HeaderText="Hinh anh" Visible="true"></asp:BoundColumn>--%>
                                <asp:TemplateColumn>
                                    <HeaderTemplate>
                                        Hình ảnh</HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:Image runat="server" Width="80px" Height="80px" ID="imgProduct" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"PImg") %>' />
                                    </ItemTemplate>
                                </asp:TemplateColumn>
                               <%-- <asp:BoundColumn DataField="Quantity" HeaderText="Số lượng" Visible="true"></asp:BoundColumn>--%>
                               <asp:TemplateColumn>
                                    <HeaderTemplate>Số lượng</HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:TextBox runat="server" ID="txtQuantity" Width="30px" Text='<%#DataBinder.Eval(Container.DataItem,"Quantity")%>'></asp:TextBox>
                                    </ItemTemplate>
                               </asp:TemplateColumn>
                                <asp:BoundColumn DataField="Price" HeaderText="Giá bán" Visible="true"></asp:BoundColumn>
                                <asp:BoundColumn DataField="DeliveryPrice" HeaderText="Thành tiền" Visible="true"></asp:BoundColumn>
                                
                                <asp:BoundColumn DataField="UId" HeaderText="Người mua" Visible="false"></asp:BoundColumn>
                                <asp:BoundColumn DataField="ProductId" HeaderText="ID" Visible="false"></asp:BoundColumn>
                             
                            </Columns>
                        </asp:DataGrid>
                        
                        <div style="float:right; margin-right:50px;"><asp:Label runat="server" ID="lblTotal" Text=""></asp:Label></div>
                        <div style="float:right; margin-right:10px;"><asp:Label runat="server" ID="lbl" Text="Tổng tiền :" ></asp:Label></div>
                        </div>
                        <br />
                        <div style="float:left; margin-left:280px;"><asp:Button runat="server" ID="btnDatHang" OnClick="btnDatHang_Click"  Text="Đặt Hàng"/></div>
                </div>

            </div>
            <script type="text/javascript">
                $(document).ready(function () {
                    var ID = $('strong#strID').html();

                    if (ID == "12") {
                        $('div#box1').css("display", "none");
                        $('div#abox22').css("display", "none");
                        $('div#abox23').css("display", "block");
                        $('div#abox21').css("display", "none");
                        $('div#abox32').css("display", "block");
                        $('div#abox31').css("display", "none");
                        $('#btn22').css("display", "none");

                        $('#btn32').css("display", "none");

                        var Hoten = $('#txtName22').val();
                        var Mail = $('#txtMailTo22').val();
                        var Address = $('#txtAddressTo').val();
                        var Phone = $('#txtPhoneTo').val();
                        

                    }

                });
            </script>
            <strong id="strID" style="display:none"><%=Uid %></strong>
               <script type="text/javascript">
                   $(document).ready(function () {
                       //Check Login
                    
                      
                           $('div#box42').css("display", "block");
                           $('div#box41').css("display", "none");
                           $('input[type=button]#btn12').click(function () {
                               $('div#box11').css("display", "block");
                               var email = $(this).parent().children("#txt_box12_Email").val();
                               var phone = $(this).parent().children("#txt_box12_Phone").val();
                               $(this).parent().css("display", "none");
                               $.ajax({
                                   type: "POST",
                                   url: "XuLyThanhToan2.aspx",
                                   data: { Email: email, Phone: phone }
                               }).done(function (msg) {
                                   var arrR = msg.split(',');
                                   $('div#box11 p').html(arrR[0]);
                               });
                               $('div#abox32').css("display", "block");
                               $('div#abox31').css("display", "none");
                           });
                           $('a#a11').click(function () {
                               $('div#box12').css("display", "block");
                               $(this).parent().css("display", "none");
                               $('div#abox2 div#abox21').css("display", "block");
                               $('div#abox2 div#abox22').css("display", "none");
                               $('div#abox31').css("display", "block");
                               $('div#abox32').css("display", "none");
                               $('div#box41').css("display", "block");
                               $('div#box42').css("display", "none");
                               var Name = $('div#box11 strong').html();
                               var Email = $(this).parent().children("p").html();
                               $('div#box12').children("#txt_box12_Email").val(Email);
                               $('a#a31').css("display", "none");
                           });
                           //Go Box2
                           $('a#a21').click(function () {
                               $('div#abox22').css("display", "block");
                               $('div#abox21').css("display", "none");
                               $('div#box12').css("display", "none");
                               $('div#box11').css("display", "block");

                               $('div#abox3 div#abox31').css("display", "block");
                               $('div#abox32').css("display", "none");
                               $('div#box41').css("display", "block");
                               $('div#box42').css("display", "none");
                               $('a#a31').css("display", "none");
                           });

                           $('input[type=button]#btn22').click(function () {
                               $('div#abox21').css("display", "block");

                               var emailto = $("#txtMailTo22").val();
                               var fullnameto = $("#txtName22").val();
                               var phoneto = $("#txtPhoneTo22").val();
                               var addressto = $("#txtAddressTo22").val();

                               $.ajax({
                                   type: "POST",
                                   url: "XuLyThanhToan2.aspx",
                                   data: { EmailTo: emailto, FullNameTo: fullnameto, PhoneTo: phoneto, AddressTo: addressto }
                               }).done(function (msg) {
                                   var arrR = msg.split(',');
                                   $("div#abox21 strong").html("Địa chỉ giao hàng :" + arrR[1]);
                                   $("div#abox21 p").html(arrR[2]);
                               });

                               $('div#abox22').css("display", "none");
                               $('div#abox32').css("display", "block");
                               $('div#abox31').css("display", "none");

                           });

                           //GoB Box3
                           $('input[type=button]#btn32').click(function () {
                               $('div#abox31').css("display", "block");
                               $(this).parent().css("display", "none");
                               $('div#box42').css("display", "block");
                               $('div#box41').css("display", "none");

                           });
                           $('a#a31').click(function () {
                               $('div#abox32').css("display", "block");
                               $(this).parent().css("display", "none");
                               $('div#box42').css("display", "none");
                               $('div#box41').css("display", "block");
                           });
                           //Go Box4

                       
                   });
                </script>
    </div>
    <!--Uid ẩn -->
    <strong id="Uid" style="display:none;"><%=Uid %></strong>
    </div>
    
    </div>
   
    <div class="right">
	<!-- danh mục phải -->
	<div class="menu_right">
         <UC:MenuRight runat="server" ID="MenuRight"></UC:MenuRight>
        <script type="text/javascript">
            $(document).ready(function () {
                //                $('a#rs').click(function () {
                //                    $.get('Captcha.aspx', function (data) {
                //                        $('img#cap').attr("src", "Captcha.aspx");
                //                      
                //                    });
                //                });
                $("div.right div.menu_right ul:not(first)").hide();
                $('ul#f1').show();
                $('h2.menu_head').click(function () {

                    $('.active').removeClass('active');
                    $(this).addClass('active');
                    $('ul').slideUp('slow');
                    $(this).next('ul').slideDown('slow');
                    var content_show = $(this).attr('title');
                    $('#' + content_show).slideDown('slow');

                });

               
            });
		</script>
    </div>
    <!-- close danh mục phải -->
</div>
    </div>
    <style>
    #divChangePass{ width:500px; height:235px; position:absolute; display:none; background-color:White; border:1px solid #CCFFFF; left:385px; top:160px; z-index:1000}
    #divChangePass ul { float:left; width:100%; list-style:none;}
    #divChangePass ul li{ float:left; width:100%; margin-top:10px;}
    #divChangePass ul li span{ color:Red; display:none}
    #divChangePass ul li label{ float:left; width:200px; text-align:right; padding-right:5px;}
    #divChangePass ul li input[type=password]{ float:left;}
    #divChangePass h1{ color:Red; font-size:25px}
    #divChangePass a{ float:right; margin:0px 0px; padding:0px 0px }
</style>
    <div id="divChangePass">
    <a href="#" id="closeChangePass">X</a>
    <form id="frm2">
        <h1>Đổi mật khẩu</h1>
        <ul>
            <li><label>Mật khẩu cũ:</label> <input type="password" id="txtOldPass" /><span id="spOldPass">Không được để trống.</span></li>
            <li><label>Mật khẩu mới:</label> <input type="password" id="txtNewPass" /><span id="spNewPass">Không được để trống.</span></li>
            <li><label>Xác nhận mật khẩu mới:</label> <input type="password" id="txtRePass" /><span id="spRePass">Không được để trống.</span></li>
            <li><input type="button" value="Đổi mật khẩu" id="btnChangePass" /></li>
        </ul>
    </form>
    <script type="text/javascript">
        $(document).ready(function () {
            var isLogin = $('#login').html();
            if (isLogin == "Đăng nhập") {
                $('#logout').hide();
                $('#Close').click(function () {
                    $('#divlogin').toggle(1000);
                });
                $('#login').click(function () {
                    $('#divlogin').toggle(1000);
                    $('#divDoiMK').css("display", "none");
                });
            }
            else {
                $('#logout').show();
                //                        $('#login').attr("href", "http://hn.24h.com.vn");
                $('#login').click(function () {

                    $('#divDoiMK').toggle(1000);
                });
                $('#CloseDMK').click(function () {
                    $('#divDoiMK').toggle(1000);
                });
            }


            $('#dangnhap').click(function () {

                var user = $('#user').val();
                var pass = $('#pass').val();

                window.location.href = "Demo.aspx?user=" + user + "&pass=" + pass;

            });
            //             Click đổi mật khẩu

            $('a#aDoiMK').click(function () {

                $('div.web').css("opacity", "0.25");
                $('div#divChangePass').css("display", "block");

                $('#divDoiMK').toggle(1000);

            });
            $('a#closeChangePass').click(function () {
                $('div.web').css("opacity", "1");
                $('div#divChangePass').css("display", "none");

                //                  $('#divDoiMK').toggle(1000);
            });

            $('div#divChangePass input[type=button]#btnChangePass').click(function () {

                var OldPass = $('#txtOldPass').val();
                var NewPass = $('#txtNewPass').val();
                var RePass = $('#txtRePass').val();
                var chkRePass = true;
                if (OldPass == "") {
                    $('span#spOldPass').css("display", "block");
                }
                if (NewPass == "") {
                    $('span#spNewPass').css("display", "block");
                }
                if (RePass == "") {
                    $('span#spRePass').css("display", "block");
                }


                var chkOldPass;
                if (OldPass != "" && NewPass != "" && RePass != "") {
                    $('div#divChangePass span').css("display", "none");

                    if (RePass != NewPass) {
                        $('span#spRePass').html("Xác nhận lại mật khẩu mới");
                        $('span#spRePass').css("display", "block");
                        chkRePass = false;
                    }
                    //check Exist OldPass
                    if (chkRePass == true) {
                        $.ajax({
                            type: "POST",
                            url: "/Page/DoiMatKhau.aspx",
                            data: { OldPass: OldPass, NewPass: NewPass },
                            success: function (data) {
                                if (data == "0") {
                                    alert("Mật khẩu không đúng");
                                    chkOldPass = false;

                                }
                                else {

                                    chkOldPass = true;
                                    alert("Đổi mât khẩu thành công");
                                    window.location.href = "index.aspx";
                                }

                            }
                        });

                    }
                    else {
                        return;
                    }

                }
            });

        });
            </script>
     
</div>
   </form>
</body>
</html>
